<!DOCTYPE HTML>
<html>
<head>
    <script src="j.js" type="text/javascript"></script>
    <script src="custom.js" type="text/javascript"></script>
    <style>
        body
        {
            background-color: #101D27;
        }
        .divqualquer
        {
            width: 150px;
            height: 50px;
            background-color: #172C3D;
            position: absolute;
            top: 50%;
            left: 650px;
            margin-top: -25px;
            margin-left: -75px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="div1" class="divqualquer">
    </div>
    <script>
        var idDivCriada
        $(".divqualquer").click(function ()
        {
            var div = $(this);
            executar(div);
        });

        var executar = function (div)
        {
            div.animate({ left: '100' }, 2000);
            div.queue(function ()
            {
                div.append("<div id='blah' style='display: none; position: relative; left: "
                            + div.width()
                            + "px; top:"
                            + div.height() / 2
                            + "px; width: 50px; height: 1px; background-color: #2B5273;'></div>");

                $("#blah").animate({ width: "show" }).queue(function ()
                { 
                    div.append("<div id='bleh' style='display: none; position: relative; left: "
                                + (div.width() + 50)
                                + "px; top:-300px; width: 1px; height: 600px; background-color: #2B5273;'></div>");

                    $("#bleh").animate({ height: "show" });
                });

                
            });
        };       
    </script>
</body>
</html>
